.outter{
    display:flex;
    justify-content: center;
    position:relative;
    .show1{
        position: absolute;
        z-index:999;
        top:36px;
        left:85px;   
    }
    .show2{
        position: absolute;
        top:36px;
        z-index:999;
        left:145px;
    }
    .show3{
        position: absolute;
        top:36px;
        z-index:999;
        left:205px;
    }
    .show4{
        position: absolute;
        top:36px;
        z-index:999;
        left:265px;
    }
    .show5{
        position: absolute;
        top:36px;
        z-index:999;
        left:325px; 
    }
}

.colorbox1{
    height: 30px;
    width:50px;
    margin-top:5px;
    border-radius: 5px;
    border:1px solid #969696;
    margin-right: 10px;
    cursor: pointer; 
    
}
.colorbox2{
    height: 30px;
    width:50px;
    margin-top:5px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer; 
    
}